<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<div id="app">
{{message.split(").reverse().join(")}}
<!--  <span v-bind:title="message">-->
<!--    鼠标悬停几秒钟查看此处动态绑定的提示信息！-->
<!--  </span>-->
</div>

<!--导入Vue.js-->
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>

<script>

    new Vue({
        el: '#app',data: {message: 'hello'}
    })

    // new Vue({data: {a:1,b:2},
    //     created: function (){console.log(this.a)},
    //     mounted() {console.log(this.b)}})


    // var app2 = new Vue({
    //     el: '#app',
    //     data: {
    //         message: '页面加载于 ' + new Date().toLocaleString()
    //     }
    // })
</script>

</body>
</html>